<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<base href="<%=basePath%>">
<title>创建交易</title>

<link href="resources/css/jqtransform.css" rel="stylesheet"
	type="text/css" />
<link href="resources/css/jquery.ui.all.css" rel="stylesheet"
	type="text/css" />

<script src="resources/js/jquery-1.6.2.js" type="text/javascript"></script>
<script src="resources/js/jquery.jqtransform.js" type="text/javascript"></script>
<script src="resources/js/jquery.ui.core.js" type="text/javascript"></script>
<script src="resources/js/jquery.ui.widget.js" type="text/javascript"></script>
<script src="resources/js/jquery.ui.mouse.js" type="text/javascript"></script>
<script src="resources/js/jquery.ui.slider.js" type="text/javascript"></script>

<script type="text/javascript">
	$(document).ready(function() {
		var select = $("#minbeds");
		var slider2 = $("#slider2").slider({
			min : 1,
			max : 3,
			range : "min",
			value : select[0].selectedIndex + 1,
			slide : function(event, ui) {
				select[0].selectedIndex = ui.value - 1;
			}
		});
		$("#minbeds").change(function() {
			slider2.slider("value", this.selectedIndex + 1);
		});
	});
</script>

</head>

<body>
	<center>
		<div>
			<center>
				<div>
					<h3>创建交易</h3>
				</div>
			</center>
			<form action="trademanage/createTrade.do?type=first" method="post">
				<table>
					<tr style="height: 60px">
						<td>悬赏总额：</td>
						<td><div id='slider1'></div></td>
					</tr>
					<tr style="height: 60px">
						<td>悬赏单价：</td>
						<td><select name="minbeds" id="minbeds" style="margin:5px 0 10px 5px">
								<option>1</option>
								<option>2</option>
								<option>3</option>
						</select>
							<div id='slider2' style="width:200px;margin:0 0 5px 15px"></div>
					</tr>
					<tr style="height: 60px">
						<td>允许信誉：</td>
						<td><div id='slider3'></div></td>
					</tr>
					<tr style="height: 30px">
						<td colspan="2" style="text-align:center"><input type="submit" value="保存" /> <input
							type="button" value="取消" onclick="" /></td>
					</tr>
				</table>
			</form>

		</div>

	</center>
</body>
</html>
